<template>
  <view class="flex view_box" @tap="changePsw">
    <image class="icon" src="/static/image/qj.png" />
    <view class="text"> 修改密码 </view>
    <view class="right">
      <image src="/static/image/right.png" />
    </view>
  </view>
</template>

<script>
export default {
  name: 'titleView',
  props: {
    item: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  methods:{
    changePsw(){
      console.log("changePSw")
             this.$emit('changePsw')
        },
  }
}
</script>

<style scoped lang="scss">
.view_box {
  background: white;
  padding: 30rpx;
  border-radius: 20rpx;
  align-items: center;
  box-shadow: 2rpx 2rpx 8rpx 5rpx rgba(0, 0, 0, 0.1);
  .icon {
    width: 30rpx;
    height: 30rpx;
    margin: 0 10rpx;
  }
  .text {
    color: rgb(12, 12, 21);
    font-size: 30rpx;
    flex: 1;
    font-weight: bold;
    margin-left: 20rpx;
  }
}
.right {
  image {
    width: 10rpx;
    height: 20rpx;
  }
}
</style>
